.radar{width:99%;height:92vh;overflow:hidden;margin:0 auto;color:#FFFFFF;display:flex;display:-webkit-flex;
justify-content:space-between;-webkit-justify-content:space-between;padding-top:0.11rem;}
.radar .radar-wrapper{width:22.3%;height:100%;}
.radar-wrapper .select-wrapper{width:100%;height:0.7rem;overflow:hidden;display:flex;display:-webkit-flex;
flex-direction:column;background:url('../../../images/home/index/dateBg.png') no-repeat;background-position:center;
background-size:100%;position:relative;}
.select-wrapper .date-wrapper{width:auto;height:auto;display:flex;display:-webkit-flex;align-items:center;
-webkit-align-items:center;font-size:0.11rem;color:#D9FFF9;position:absolute;top:0.12rem;left:0.25rem;}
.select-wrapper .date-wrapper .clock{margin-top:2px;}
.select-wrapper .date-wrapper .title{margin-left:0.08rem;}
.select-wrapper .select-contents{width:auto;height:auto;position:absolute;top:0.34rem;left:0.35rem;}
.select-contents :global(.ant-input){background:url('../../../images/home/index/antInput.png') no-repeat;background-position:center;
background-size:100% 100%;border:none;color:#729E9E;outline:none;}

.radar-wrapper .radar-type{width:100%;height:90%;overflow-y:scroll;display:flex;display:-webkit-flex;
flex-direction:column;align-items:center;-webkit-align-items:center;}
.radar-type .item{width:100%;height:1.75rem;background:url('../../../images/home/index/radarItem.png') no-repeat;
background-position:center;background-size:100% 100%;padding-top:0.13rem;margin-top:-0.05rem;cursor:pointer;}
.radar-type .item.active{background:url('../../../images/home/index/radarItem-h.png') no-repeat;
background-position:center;background-size:100% 100%;}
.radar-type .item .title{width:100%;height:auto;text-align:center;font-size:0.11rem;color:#FFFFFF;}
.radar-type .item.active .title{color:#3EE2C8;}
.radar-type .item .img{width:90%;height:78%;margin:0.05rem auto 0;}
.radar-type .item .img img{width:100%;height:100%;}

.radar .product-contents{width:77.7%;height:100%;display:flex;display:-webkit-flex;
flex-wrap:wrap;-webkit-flex-wrap:wrap;background:url('../../../images/home/typhoon/right-bg.png') no-repeat;background-size:100% 100%;
background-position:center;justify-content:flex-start;-webkit-justify-content:flex-start;padding:0.25rem 0.07rem 0.08rem 0.07rem;}
.radar .product-contents .product{width:48%;height:48%;background:rgba(12, 20, 48, 0);border:2px solid #14264A;
box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.56);overflow:hidden;position:relative;margin-left:0.13rem;}
.radar .product-contents .product.active{width:97%;height:98%;margin-left:0.15rem;}
.radar .product .proTips{position:absolute;top:0.1rem;left:0.11rem;z-index:1;}
.radar .product .product-img{width:98%;height:90%;margin:0.45rem auto 0;}
.radar .product .product-img img{width:100%;height:100%;}
.radar .product .fullscreen{width:0.2rem;height:0.2rem;position:absolute;right:4px;top:5px;z-index:1;cursor:pointer;z-index:1;}
.radar .fullscreen :global(.anticon:hover){color:#3EE0C8;}
.product .slider{width:98%;height:auto;position:absolute;bottom:1%;left:50%;transform:translate(-50%, 0);
z-index:3;overflow:hidden;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;}
.product .slider .inner-box{display:flex;display:-webkit-flex;width:max-content;}
.product .slider .item{width:0.15rem;height:0.04rem;background-color:#7282A1;margin:0 .015rem;cursor:pointer;}
.product .slider .item.active{width:0.2rem;background-color:#FFFFFF;transition:all .3s;-webkit-transition:all .3s;}

/* 滚动条样式 */
.radar-type::-webkit-scrollbar {width: 5px;height: 5px;}
.radar-type::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#45FEE0;
border-radius:3px;}
.radar-type::-webkit-scrollbar-thumb{border-radius:7px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
background-color:#E8E8E8;}
.radar-type::-webkit-scrollbar-corner{background:khaki;}